<div class="ui-box">
    <div class="ui-bar ui-v-a">
        真实姓名
        <div class="float-right">
            <input type="text" maxlength="10" value="{{name}}" i-dom="name" i-keyup="checkAvaliable"
                   placeholder="填写收货人的姓名">
        </div>
    </div>
    <div class="ui-bar ui-v-a">
        手机号
        <div class="float-right">
            <input type="tel" maxlength="11" value="{{phone}}" i-dom="phone" i-keyup="checkAvaliable"
                   placeholder="填写收货时的联系方式">
        </div>
    </div>
    <div class="ui-bar ui-v-a">
        所在省份
        <div class="float-right">
            <select i-change="selectProvince" i-dom="provinceList">

                {{if !province}}
                <option value="0" selected disabled>未选择</option>
                {{/if}}

                {{each provinceList}}

                {{if province == $value.code}}
                <option value="{{$value.code}}" selected>{{$value.name}}</option>
                {{else}}
                <option value="{{$value.code}}">{{$value.name}}</option>
                {{/if}}

                {{/each}}
            </select>
        </div>
    </div>
    <div class="ui-bar ui-v-a">
        所在城市
        <div class="float-right"><select i-dom="cityList" i-change="checkAvaliable">
            {{if city}}

            {{each cityList}}
            {{if city == $value.code}}
            <option value="{{$value.code}}" selected>{{$value.name}}</option>
            {{else}}
            <option value="{{$value.code}}">{{$value.name}}</option>
            {{/if}}
            {{/each}}

            {{else}}
            <option value="0" selected disabled>未选择</option>
            {{/if}}
        </select></div>
    </div>
    <div class="remark">
        <textarea placeholder="详细街道地址" i-dom="place" i-keyup="checkAvaliable">{{place}}</textarea>
    </div>
</div>

<footer class="ui-c-f">
    <button class="ui-btn-yellow ui-v-a un" i-dom="fbutton" i-tap="clickfb">
        <span>保存地址</span>
    </button>
</footer>

<div class="ui-page-holder"></div>

<style>

    .ui-bar {
        font-size: 14px;
        border-bottom: solid 1px #f0f0f0;
    }

    .float-right {
        height: 100%;
        float: right;
    }

    input {
        padding: 8px;
        text-align: right;
        background: white;
        font-size: 15px;
        color: #888888;
    }

    select {
        padding: 8px;
        text-align: right;
        background: white;
        direction: rtl;
        font-size: 15px;
        color: #888888;
    }

    .remark {
        padding: 8px 16px;
    }

    .remark textarea {
        color: #888888;
        width: 100%;
        padding: 8px;
        right: 10px;
        border: solid 1px #f0f0f0;
        background: #fafafa;
        position: relative;
        height: 100px;
        display: block;
        resize: none;
        font-size: 15px;
    }

    footer .ui-btn-yellow {
        float: right;
        padding: 0;
        height: 34px;
        margin: 5px;
    }

    footer .ui-btn-yellow.un {
        background: #dddddd;
        color: #888888;
    }


</style>